<template>
    <div class="title">
        <div class="text">{{ props.data.title }}</div>
        <div class="xx"></div>
    </div>
</template>

<script setup>
const props = defineProps({
    data:{
        type:Object,
        default:()=>({
            title:"默认标题"
        })
    }
})
</script>

<style lang="scss" scoped>
.title {
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    margin-bottom: 24px;
    border-bottom: 1px solid #dcdfe6;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}
</style>